@import "variables";
.register-content {
  padding: pxTorem(50px) pxTorem(45px) 0;
  .check-code-box {
    display: flex;
    padding-top: pxTorem(46);
    .sms-code-box {
      padding-top: pxTorem(6);
    }
    .register-box {
      flex: 1;
      margin-right: pxTorem(24);
    }
    .register-timer {
      text-align: center;
      height: pxTorem(80px);
      padding: 0 pxTorem(16);
      line-height: pxTorem(80px);
      @include font-dpr(30px);
      color: color($h5, c12);
      border-radius: pxTorem(8px);
      border: pxTorem(2px) solid color($h5, c12);
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
  }
  // .register-box-account {
  //   position: relative;
  //   input{
  //     width: 80%!important;
  //   }
  // }
  .register-box {
    position: relative;
    padding-bottom: pxTorem(35px);
    .delet-account {
      position: absolute;
      right: pxTorem(25px);
      top: pxTorem(10px);
      width: pxTorem(28px);
      height: pxTorem(28px);
      background-image: url('#{$icons-path}/delete-.png');
      background-repeat: no-repeat;
      background-size: contain;
    }
    .register-box-icon {
      width: pxTorem(30px);
      height: pxTorem(40px);
      display: flex;
      align-items: center;
    }
    .register-box-input {
      @include font-dpr(30px);
      color: color($h5, c2);
      width: 100%;
      input {
        width: 100%;
      }
      &::-webkit-input-placeholder {
        color: color($h5, c2);
      }
    }
    &.register-box-verify-code {
      margin-top: pxTorem(70px);
      position: relative;
    }
  }
  .register-box:after {
    position: absolute;
    bottom: 0;
    left: 0;
    content: '';
    width: 100%;
    display: block;
    transform: scaleY(.5);
    height: 1px;
    z-index: 9;
    border-bottom: 1px solid #e8e8e8;
  }
  .user-agreement {
    text-align: center;
    margin-top: pxTorem(20px);
    color: color($h5, c3);
    @include font-dpr(24px);
    a {
      color: color($h5, c1);
    }
  }
}

.logo {
  position: absolute;
  bottom: pxTorem(80px);
  left: 0;
  width: 100%;
  text-align: center;
  img {
    width: pxTorem(188px);
    height: pxTorem(60px);
  }
  .button-ios {
    padding: 0;
  }
  .is-register {
    background-color: color($h5, c2);
  }
}

.register-button-next {
  border: 0;
  border-radius: 4px;
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  height: pxTorem(90px);
  @include font-dpr(34px);
  color: color($h5, c10);
  margin-top: pxTorem(50px);
  background: color($h5, c1);
  &[disabled] {
    background: rgba(color($h5, c1), 0.6);
  }
}

.error-msg {
  color: color($h5, c11);
  @include font-dpr(30px);
}

.phone-msg {
  height: pxTorem(70px);
  p {
    line-height: pxTorem(70px);
  }
}

// .check-code-box{
//     img{
//       width: pxTorem(200);
//       height: pxTorem(90);
//     }
//   }
